// 由于需要大量用到上下文中的方法和属性

// 所以，setup函数一定要定义为function
export default function() {
	const { $val, $reactive, $computed } = $modules;
	const user = $reactive({
		name: '坤坤',
		age: 18,
	});
	// 根据函数体中响应式数据的变化，自动更新计算结果
	// 计算属性也是Jiess响应式，满足响应式的所有特性
	const say = $computed(() => {
		return `我叫${user.name},今年${user.age}岁`
	})
	this.add(
		this.render({
			// 同样监听计算属性对象中的value属性变化
			children: $val(say, 'value'),
			// 点击试试
			onClick: () => {
				user.age += 2;
			}
		})
	);
}